<!-- °°°°°°°°°°°° JS °°°°°°°°°°°° -->

<script type="text/javascript">
	
	//fonction show / hide des sous menu
	function menu_hover(btn, affich)
	{
		//initialisation variable sous menu
		var ss_menu = null;
		//récupération des nodes enfants du bouton
		var tab_children = btn.children;
		//boucle sur les nodes enfants
		for(var i=0; i<tab_children.length; i++)
		{
			//récupération du sous menu
			if(tab_children[i].nodeName == 'UL') { ss_menu = tab_children[i]; }
		}
		//suppression de la classe hide
		if(ss_menu != null) { if(affich) { ss_menu.className = ''; } else { ss_menu.className = 'hide'; } }
	}

</script>

<!-- °°°°°°°°°° HEADER °°°°°°°°°° -->

<header>

	<?php

	//menu
	echo '<nav>';

		echo '<ul>';

			//musique
			echo '<li onmouseover="menu_hover(this, true);" onmouseout="menu_hover(this, false);">';
				echo '<a href="index.php?page=music"><img src="img/ico/music.png" /></a>';
				//sous menu
				echo '<ul class="hide">';
					echo '<li><a href="index.php?page=music"><strong>Musique</strong></a></li>';
				echo '</ul>';
			echo '</li>';

			//profil
			echo '<li onmouseover="menu_hover(this, true);" onmouseout="menu_hover(this, false);">';
				echo '<a href="index.php?page=user"><img src="img/ico/user.png" /></a>';
				//sous menu
				echo '<ul class="hide">';
					echo '<li><a href="index.php?page=user"><strong>'.$_SESSION['user'].'</strong></a></li>';
					echo '<li><a href="index.php?page=contact">Contacts</a></li>';
					echo '<li><a href="index.php?page=user">Compte</a></li>';
				echo '</ul>';
			echo '</li>';

			//déconnexion
			echo '<li onmouseover="menu_hover(this, true);" onmouseout="menu_hover(this, false);">';
				echo '<a href="index.php?page=deco"><img src="img/ico/unlock.png" /></a>';
				//sous menu
				echo '<ul class="hide">';
					echo '<li><a href="#"><strong>Déconnexion</strong></a></li>';
				echo '</ul>';
			echo '</li>';

	echo '</nav>';

	?>

</header>